@charset "UTF-8";
html,body {
width: 100%;
overflow-x: hidden;
}
h6,.h6{ font-weight:inherit;}
p {
line-height: 180%;
}
.ConBig img{ padding:0 !important;}/*全屏展示*/
@media (min-width: 768px)
{
.article{font-size:18px;}
.article img{ padding:10px;}
.ConBig img{ margin-top:90px;}/*全屏展示*/
}
@media(max-width: 767px)
{
html,body {font-size: .24rem;}
img{float:none !important; padding-left:0px !important; padding-right:0px !important;}
.article img{ padding-top:.1rem; padding-bottom:.1rem; margin: 0 auto; display: block;}
.ConBig img{ margin-top:.6rem;}/*全屏展示*/
h1,
.h1 {
font-size: .36rem;
}
h2,
.h2 {
font-size: .36rem;
}
h3,
.h3 {
font-size: .3rem;
}
h4,
.h4 {
font-size: .24rem;
}
h5,
.h5 {
font-size: .24rem;
}
h6,
.h6 {
font-size: .2rem;
}
p {
margin: 0 0 .1rem;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
margin-top: .2rem;
margin-bottom: .15rem;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-top: .1rem;
margin-bottom: .1rem;
}
td{ word-break: break-all;word-wrap: break-word;}
}
li{list-style:none;}
/*去除点击链接时出现的虚线框*/
a:focus{outline: none !important;}
/*针对火狐浏览器不出现红色框*/
input[required]:invalid, input:focus:invalid, textarea[required]:invalid, textarea:focus:invalid{box-shadow: none;}
/*滚动过渡效果*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes rubberBand{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);-ms-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);-ms-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);-ms-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
/*回到顶部*/
@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.5.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1.4 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-angle-up:before{content:"\f106"}
#float_top
{
position: fixed !important; position: absolute; right: 0; bottom: 0px; _top: expression(documentElement.clientHeight - getElementById("float_top").offsetHeight + documentElement.scrollTop + "px");
background-color: #ffffff;
box-shadow: .01rem .01732rem .12rem 0px rgba( 0, 0, 0, .14 ), .01rem 1.732px .03rem 0px rgba( 0, 0, 0, .12 );
transition : all 1s ease;
bottom: .15rem;
right: .2rem;
font-size: .26rem;
display: none;
position: fixed;
text-decoration: none;
width: .4rem;
height: .4rem;
line-height: .35rem;
text-align: center;
border-radius: 100%;
z-index:999;
}
#float_top a
{
width: .4rem;
height: .4rem;
}
#float_top a:hover {
color: #ffffff;
}
/*页脚*/
.footer{width: 100%; margin: 0 auto; color: #fff;}
.footer a{color: #fff;}
.footer p{margin:0;}
@media(min-width: 768px)
{
.footer{ font-size:14px; line-height: 180%;/*margin-top: 40px;*/}
.fbody{ padding:20px;}
}
@media(max-width: 767px){
.HomeFooter{ margin-top:0px !important;}
.footer{ line-height: 180%; font-size:.2rem; /*margin-top: .2rem;*/}
.fbody{ padding:.1rem;}
}
/*公告*/
.Anntxt{float: left;font-weight:bold;letter-spacing: 1px;}
.Anntxt img{display: inline-block;}
.Ann{overflow:hidden; float:left; width:60%;}
.Ann ul{margin:0;padding:0}
.Ann li{text-align:left;list-style-type:none;}
.AnnMore{ float:right;}
.AnnShowType1{ background:#eee;}
.AnnShowType1 .Ann li a,.AnnShowType1 .AnnMore a,.AnnShowType2 .Ann li a,.AnnShowType2 .AnnMore a{color:#666;}
@media(min-width: 768px)
{
/*.HomeAnn{ margin-bottom:40px;}*/
.Anntxt,.Ann,.Ann li,.AnnMore{height:50px;line-height:50px;}
.Anntxt{font-size:18px;}
.Anntxt img{ margin:0 10px;}
.Ann li{font-size:16px;margin-left: 10px;}
.glyphicon{top:5px;}
.AnnMore{font-size:14px;}
}
@media(max-width: 767px)
{
.Anntxt,.Ann,.Ann li,.AnnMore{height:30px;line-height:30px;}
.Anntxt,.Ann li,.AnnMore{font-size:12px;}
.Anntxt img{ margin-right:.1rem;}
.glyphicon{top:2px;}
.Ann li{margin-left: .1rem;}
}
@media(max-width: 320px)
{
.Ann{width:55%;}
}
/********************************导航***********************************/
.Underline:nth-of-type(1) .UnderlineStyle:after {left:-80%;right:-80%;}
.Underline:hover .UnderlineStyle:after {width:60%;}
.Underline:nth-of-type(1):hover .UnderlineStyle:after {width:60%;}
/*公共*/
@media(min-width: 769px) and (max-width: 1249px){
.navbar .container{ width: 100%;}
.navSkin5 .collapse > ul > li,.navSkin6 .collapse > ul > li,.navSkin9 .collapse > ul > li{display: inline-block !important;}
}
@media(min-width: 1250px)
{
.topMenu .navbar-collapse >ul >li > .padd{ padding: 0px 15px;}
}
@media(min-width: 769px)
{
li.dropdown:hover > ul{display: block;}
.topMenu .nav > li > a{text-align: center;}
.topMenu .navbar-collapse >ul >li >a{ box-sizing:border-box;padding: 0px 12px;}
.navSkin1 .cn_en >li >a,.navSkin3 .cn_en >li >a{width: inherit !important;padding-left: 10px;}
.cn_en a:hover{background: inherit !important;}
.style1{ word-spacing: -6px;}
}
/*********版面一*********/
@media(min-width: 769px)
{
.navSkin1 .navbar-collapse,.navSkin2 .navbar-collapse,.navSkin7 .navbar-collapse{width: 80%; float: right; height:80px !important; padding-right: 0;}
.navSkin1 .navbar-collapse >ul >li >a,.navSkin2 .navbar-collapse >ul >li >a,.navSkin7 .navbar-collapse >ul >li >a{ height: 80px; line-height: 80px;}
.navSkin1 a.navbar-brand,.navSkin2 a.navbar-brand,.navSkin7 a.navbar-brand{line-height: 78px; width:100%;}/*Logo*/
.navSkin1 a.navbar-brand img,.navSkin2 a.navbar-brand img,.navSkin7 a.navbar-brand img{max-width: 100%;max-height: 81px/*100%*/;display: inline-block;vertical-align: middle;}
.navSkin1 .navbar-header,.navSkin2 .navbar-header,.navSkin7 .navbar-header{ width:20%;}
.navSkin1 .navbar-collapse > .style1 > li,.navSkin2 .navbar-collapse > .style2 > li,.navSkin7 .navbar-collapse > .style7 > li{ display: inline-block; float:none;}
}
@media(min-width: 769px) and (max-width: 991px)
{
.navSkin1 .navbar-collapse,.navSkin2 .navbar-collapse
{
overflow: hidden !important;
}
}
/**********版面二*******/
@media(min-width: 769px)
{
.navSkin3 .container,.navSkin4 .container,.navSkin8 .container{ width:100%; padding:0;}
.navSkin3 .navbar-header,.navSkin4 .navbar-header,.navSkin8 .navbar-header{width: 100% !important;float:none; margin: 2.5px 0;}
.navSkin3 .navbar-brand,.navSkin4 .navbar-brand,.navSkin8 .navbar-brand{float: none;display: block; padding: 0; height: 80px;}
.navSkin3 .navbar-brand img,.navSkin4 .navbar-brand img,.navSkin8 .navbar-brand img{ margin: 0 auto;}
.navSkin3 .navbar-collapse,.navSkin4 .navbar-collapse,.navSkin8 .navbar-collapse{ text-align: center; width: 100%; display: inline-block;border-top: #999 solid 1px; box-sizing:border-box; height:50px !important;}
.navSkin3 .navbar-collapse >ul >li >a,.navSkin4 .navbar-collapse >ul >li >a,.navSkin8 .navbar-collapse >ul >li >a{ line-height: 49px; /*width: 105px;*/}
.navSkin3 .navbar-collapse > .style3,.navSkin4 .navbar-collapse > .style4,.navSkin8 .navbar-collapse > .style8{ height:50px;}
/**第二版**样式一**/
.style3 > li{
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.style3 > li > a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.style3 > li a:hover:before{
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@media(min-width: 769px) and (max-width: 991px)
{
.navSkin3 .navbar-collapse > .style3,.navSkin4 .navbar-collapse > .style4,.navSkin8 .navbar-collapse > .style8{ width: 89%;display: inline-block;}
.navSkin3 .navbar-collapse > .style3 > li,.navSkin4 .navbar-collapse > .style4 > li,.navSkin8 .navbar-collapse > .style8 > li{ float:none;display: inline-block;}
.navSkin3 .navbar-collapse{ overflow: hidden !important; }
}
@media(min-width: 992px)
{
.navSkin3 .navbar-collapse > ul,.navSkin4 .navbar-collapse > ul,.navSkin8 .navbar-collapse > ul{float: none;display: inline-block;}
.navSkin3 .navbar-collapse >ul >li >a,.navSkin4 .navbar-collapse >ul >li >a,.navSkin8 .navbar-collapse >ul >li >a
{
padding:0 15px;
}
.style3 > li,.style4 > li,.style8 > li{
margin: 0 2px;
}
}
/**********版面三***********/
@media(min-width: 769px)
{
.navSkin5 .container,.navSkin6 .container,.navSkin9 .container{ padding:0;}
.page3_h15{background: #333; height: 15px;}
.navSkin5 .navbar-collapse,.navSkin6 .navbar-collapse,.navSkin9 .navbar-collapse{text-align: center; width: 100%; display: inline-block;height:95px !important;padding:0;}
.navSkin5 .navbar-collapse > ul,.navSkin6 .navbar-collapse > ul,.navSkin9 .navbar-collapse > ul{float: none;display: inline-block;}/*居中*/
.navSkin5 .navbar-collapse >ul >li,.navSkin6 .navbar-collapse >ul >li,.navSkin9 .navbar-collapse >ul >li{width: 100px;}
.navSkin5 .navbar-collapse >ul >li >a,.navSkin6 .navbar-collapse >ul >li >a,.navSkin9 .navbar-collapse >ul >li >a{ height: 95px; line-height: 95px;}
.navSkin5 .navbar-header,.navSkin6 .navbar-header, .navSkin9 .navbar-header{ position:absolute; left:50%; top:50%; margin-left:-102px!important; margin-top:-68px; height: 135px;width: 200px;line-height: 135px; z-index:100;}/*Logo*/
.navSkin5 .liBlank,.navSkin6 .liBlank,.navSkin9 .liBlank{width:200px !important; height: 1px; display: inline-block !important; background: inherit !important;}
.navSkin5 .navbar-header .navbar-brand,.navSkin6 .navbar-header .navbar-brand,.navSkin9 .navbar-header .navbar-brand{ width:200px;}
.navSkin5 a.navbar-brand img,.navSkin6 a.navbar-brand img,.navSkin9 a.navbar-brand img{ max-width: 100%;line-height: 135px;display: inline-block; padding: 10px;}
/**版面三**样式二*/
.style6 >li >a{display: inline; padding: 10px 1px !important;}
}
@media(min-width: 991px) and (max-width: 1075px)
{
.navSkin5 .navbar-collapse >ul >li,.navSkin6 .navbar-collapse >ul >li,.navSkin9 .navbar-collapse >ul >li{width: 98px;}
}
@media(min-width: 769px) and (max-width: 991px)
{
.page3_h15{background: #333; height: 10px;}
.navSkin5 .navbar-collapse,.navSkin6 .navbar-collapse,.navSkin9 .navbar-collapse{height:60px !important;}
.navSkin5 .navbar-collapse >ul >li,.navSkin6 .navbar-collapse >ul >li,.navSkin9 .navbar-collapse >ul >li{width: 82px;}
.navSkin5 .navbar-collapse >ul >li >a,.navSkin6 .navbar-collapse >ul >li >a,.navSkin9 .navbar-collapse >ul >li >a{ height: 60px; line-height: 60px; padding:0;}
.navSkin5 .navbar-header,.navSkin6 .navbar-header,.navSkin9 .navbar-header{left:50%; top:50%; margin-left:-50px!important; margin-top:-42px; height: 85px;width: 100px;line-height: 85px;}/*Logo*/
.navSkin5 .liBlank,.navSkin6 .liBlank,.navSkin9 .liBlank{width:100px !important;}
.navSkin5 a.navbar-brand img,.navSkin6 a.navbar-brand img,.navSkin9 a.navbar-brand img{line-height: 85px;}
}
/********样式三**子菜单******/
@media(min-width: 769px)
{
.topMenu .dropdown-menu{ padding:0px;}
.subMenu a {color:#fff !important;opacity: 0.9;}
.subMenu a:hover{opacity: 1;}
.subMenu li:last-child a{border-bottom: inherit;}
.subMenu li:first-child a{border-top:inherit;}
/*版面一&&二*/
.navSkin7 .subMenu:after,.navSkin8 .subMenu:after {
top: -8px;left: 21px;
position: absolute;
width: 0;
height: 0;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
content: '';
}
.navSkin7 .subMenu a,.navSkin8 .subMenu a{ border-bottom: 1px solid #f2f2f2;}
/**版面三***/
.style9 .subMenu li{ min-width: 100px;}
.style9 .subMenu:after {top: -2px;left: 10px; position: absolute; width: 80px; content: '';}
.style9 .subMenu{background: rgba(51, 51, 51,0.8); top: 74%;}
.style9 .subMenu a{border-bottom: #666 solid 1px;}
}
@media(max-width: 768px)
{
.topMenu .navbar-nav{ margin:0; width: 100% !important;}
.subMenu{ text-align:center; padding:0;}
.topMenu .navbar-header{position: relative;}
.topMenu .navbar-collapse
{
width: 3.3rem;
position: absolute;
z-index: 999;
background-color: #fff;
right: .2rem;
border-radius: .1rem;
-webkit-border-radius: .1rem;
-moz-border-radius: .1rem;
-ms-border-radius: .1rem;
top:.7rem;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.demo {
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 0 .1rem .12rem .1rem;
border-color: transparent transparent #000 transparent;
right:.15rem;
top:-.12rem;
}
.demo::before {
position: absolute;
content: '';
top: .01rem;
left: -.1rem;
width: 0;
height: 0;
border-style: solid;
border-width: 0 .1rem .12rem .1rem;
border-color: transparent transparent #ffffff transparent;
}
}
@media(min-width: 992px){
.topMenu .collapse > ul >li > a{ font-size: 18px;}
}
@media(min-width: 769px) and (max-width: 991px){
.topMenu .collapse > ul >li > a{ font-size: 16px;}
}
@media(max-width: 768px)
{
.topMenu .Menu > ul > li > a{ font-size: .3rem; height: .8rem; line-height: .8rem !important; border-bottom: solid 1px #eee;}
.topMenu .Menu ul li a{ margin: auto 0.2rem; text-align:center; color:#333;}
.topMenu .Menu > .cn_en >li > a{ padding:0 0.15rem;}
.subMenu > li > a{ font-size: .24rem;padding:0 0 .1rem 0 !important; opacity: 0.8; height: .6rem; line-height: .6rem !important;}
.subMenu > li > a:hover{ opacity: 1;}
/*顶部导航按钮*/
.topMenu .container{height: .8rem;}
.topMenu a.navbar-brand{height: .8rem;display: inline-block;}
.topMenu a.navbar-brand img{max-height: 100%;}
.topMenu .navbar-toggle .icon-bar{width: .4rem; height: 4px;border-radius:.1rem;}
.topMenu .navbar-toggle .icon-bar + .icon-bar{margin-top: .06rem;}
.topMenu .navbar-toggle{padding: 0;background-color: transparent !important;border-color:transparent !important;line-height: .8rem;height: .8rem;}
}
/*********************Master 母版 Column 栏目**************************/
@media(max-width: 1249px){
.Master .title{overflow: hidden;}
}
/*---title_style1---*/
.title_style1{ font-weight: bold; margin-left: auto; margin-right: auto; overflow: hidden;}
.title_style1:before,.title_style1:after {
content: "";
background: #ccc;
display: inline-block;
height: 1px;
position: relative;
width: 44%;
vertical-align: middle;
}
.title_style1:before {
/*right: 0.3em;*/
margin-left: -44%;
}
.title_style1:after {
/*left: 0.3em;*/
margin-right: -44%;
}
@media(min-width: 1250px)
{
.title_style1{ width:1210px;}
}
@media(min-width: 992px) and (max-width: 1249px)
{
.title_style1{ width:930px;}
}
@media(min-width: 768px) and (max-width: 991px)
{
.title_style1{ width:710px;}
}
@media(max-width: 767px)
{
.title_style1{ margin-left:.2rem; margin-right:.2rem;}
}
/*---title_style2---*/
.title_style2 #tSkin2{display: block !important; font-size: 60%;}
.title_style2 #tSkin2 span{display: inline-block;}
.title_style2 #tSkin2 span:before,.title_style2 div span:after{
content: "";
background: #999;
display: inline-block;
height: 1px;
position: relative;
width: 44%;
vertical-align: middle;
}
.title_style2 #tSkin2 span:before{
right: 0.3em;
margin-left: -44%;
}
.title_style2 #tSkin2 span:after{
left: 0.3em;
margin-right: -44%;
}
/*---title_style3---*/
.title_style3 a{color: #333 !important;}
.title_style3 #tSkin3{ display: block !important;height: 2px;}
/*More*/
.Master .more a{border:1px solid #999;margin-left: auto; margin-right: auto;box-sizing:border-box; color:#999;display: block; background:#fff;}
/*.Master .more:hover{border:1px solid #999;}
.Master .more a:hover{color:#999 !important;}*/
@media(min-width: 768px)
{
.Master .title{font-size: 30px;letter-spacing: 2px;}
.title_style2 #tSkin2 span{width: 260px;}
.title_style3 #tSkin3{width: 100px;margin: 8px auto 0;}
.Master .more{padding-top:30px; padding-bottom:40px; }
.Master .more a{font-size:16px;line-height: 43px;height: 45px; width: 180px;}
}
@media(max-width: 767px)
{
.Master .title{font-size: .3rem;letter-spacing: .02rem;}
.title_style2 #tSkin2 span{width: 2.6rem;}
.title_style3 #tSkin3{width: 1rem; margin: .08rem auto 0;}
.Master .more{padding-top:.3rem;}
.Master .more a{ font-size:.2rem;line-height: .5rem; height: .5rem; width: 1.8rem;}
}
/*---title_style4---*/
.title_style4{ font-weight: bold;}
.title_style4:before,.title_style4:after {
content: "";
background: #ccc;
display: inline-block;
height: 1px;
position: relative;
width: 44%;
vertical-align: middle;
}
.title_style4:before {
right: -0.4em;
margin-left: -44%;
}
.title_style4:after {
left: -0.4em;
margin-right: -44%;
}
.title_style4 .title4-left{ padding-right:25px; display:inline-block !important;}
.title_style4 .title4-right{ padding-left:25px; display:inline-block !important;}
@media(min-width: 992px)
{
.Master .title{ padding-top:35px; /*padding-bottom:40px;*/}
.main > div.Master:first-of-type{padding-top:45px;}
}
@media(min-width: 768px) and (max-width: 991px)
{
.Master .title{ padding-top:20px; /*padding-bottom:35px;*/}
.main > div.Master:first-of-type{padding-top:35px;}
}
@media(min-width: 768px)
{
.title{ padding-bottom: 30px;}
}
@media(max-width: 767px){
.Master .title{ padding-top: .45rem;}
.title{ padding-bottom: .2rem;}
.title_style1{padding-top: .15rem;}
.title_style2{padding-top: .05rem;}
.title_style4{padding-top: .15rem;}
.title_style4 .title4-left,.title_style4 .title4-right{ height: .55rem; width: .17rem;}
}
/****************************第三部分******************//*HomeProduct*/
.ProductList
{
border: 1px solid #ccc;
}
.ProductList,.IntroduceList
{
position: relative;
display: block;
overflow:hidden;
}
.ProductShowStyleS .dummy,.IntroduceShowStyleS .dummy
{
margin-top: 75%;
}
.ProductShowStyleM .dummy,.IntroduceShowStyleM .dummy
{
margin-top: 100%;
}
.ProductShowStyleXL .dummy,.IntroduceShowStyleXL .dummy
{
margin-top: 150%;
}
.ProductListImg,.IntroduceImg /*=居中=*/
{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
/* 水平居中 */
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
/* 垂直居中 */
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.ProductShowStyleM .ProductListImgCon,.ProductShowStyleM .ProductListImgCon img,
.ProductListConRow .ProductListImgCon,.ProductListConRow .ProductListImgCon img,
.PhotoListCon .ProductListImgCon,.PhotoListCon .ProductListImgCon img,
.IntroduceShowStyleM .IntroduceListImgCon,.IntroduceShowStyleM .IntroduceListImgCon img
{
width:100%;/*用于图片强制100%。。。*/
}
.ProductShowStyleS .ProductListImgCon,.ProductShowStyleXL .ProductListImgCon,
.IntroduceShowStyleS .IntroduceListImgCon,.IntroduceShowStyleXL .IntroduceListImgCon
{
max-height: 100%;/*用于图片居中,最好的显示方式*/
}
/*=效果=*/
.ProductListImgCon
{
position: relative;
overflow: hidden;
vertical-align: top;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.ProductListImgCon img
{
-webkit-transition: all 1s ease; /* Safari and Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* IE 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}
.ProductListImgCon:hover img
{
-webkit-transform: scale(1.05); /* Safari and Chrome */
-moz-transform: scale(1.05); /* Firefox */
-ms-transform: scale(1.05); /* IE 9 */
-o-transform: scale(1.05); /* Opera */
transform: scale(1.05);
}
/*=标题=*/
.ProductListTitle
{
position: absolute;
left: 0;
right: 0;
bottom: 0;
max-width: 100%;
text-align: center;
background: rgba(0, 0, 0, .5);
}
.ProductListTitle p
{
color: #fff;
overflow-x: hidden;
}
@media(min-width: 1250px)
{
.IntroduceList
{
border: 1px solid #ccc;
}
}
@media(min-width: 768px) and (max-width: 1249px)
{
.slider-first:nth-child(13),.slider-first:nth-child(14),.slider-first:nth-child(15),.slider-first:nth-child(16),.slider-first:nth-child(17),.slider-first:nth-child(18){ display: none;}
}
@media(min-width: 768px)
{
.HomeProductCon
{
max-width: 1820px;
margin: 0 auto;
}
.HomeProductCon .row .col-xs-6
{
padding: 5px;
}
.HomeProductCon .row
{
margin-right: 5px;
margin-left: 5px;
}
.ProductListTitle
{
max-height: 30px;
}
.ProductListTitle p
{
margin: 0 10px;
line-height: 30px;
}
}
@media(max-width: 767px)
{
.slider-first:nth-child(7),.slider-first:nth-child(8),.slider-first:nth-child(9),.slider-first:nth-child(10),.slider-first:nth-child(11),.slider-first:nth-child(12),.slider-first:nth-child(13),.slider-first:nth-child(14),.slider-first:nth-child(15),.slider-first:nth-child(16),.slider-first:nth-child(17),.slider-first:nth-child(18){ display: none;}
.HomeProductCon .row .col-xs-6
{
padding: .1rem;
}
.HomeProductCon .row
{
margin-right: .1rem;
margin-left: .1rem;
}
.ProductListTitle
{
max-height: .4rem;
}
.ProductListTitle p
{
margin: 0 .1rem;
line-height: .4rem;
}
}
/*******************************第四部分*******************************//*HomeArticle*/
.ArticleCom .row > a{text-align:justify;}
/*.media{ border-bottom: solid 1px #eee;}*/
.media-body{ display:inherit;overflow: hidden;}
.media-body span:first-child{font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.media-body p{ color: #999;overflow: hidden;}
.ArticleImgCon
{
overflow:hidden;
}
.ArticleImgCon > img{
display: inline-block;
vertical-align: middle;
width: 100%;
}
.ArticleImgCon
{
float: left;
text-align: center;
}
@media(min-width: 1250px)
{
.HomeArticle .media{
margin-left: 15px;
margin-right: 15px;
}
/*.HomeArticle .col-lg-6:last-child .media,.HomeArticle .col-lg-6:nth-last-child(2) .media{border-bottom:none;}*/
.HomeArticle .col-lg-6:nth-child(1) .media,.HomeArticle .col-lg-6:nth-child(2) .media{ padding-top: 0;}
}
@media(max-width: 1249px){
.HomeArticle .row{ margin-left:0 !important; margin-right:0 !important;}
.media-body span:first-child{font-weight: inherit;}
/*.HomeArticle .col-lg-6:nth-child(5) .media{border-bottom:none;}*/
.HomeArticle .col-lg-6:nth-child(6) .media{display: none;}
.HomeArticle .col-lg-6:nth-child(1) .media{ padding-top: 0;}
}
@media(min-width: 767px)
{
/*.ArticleImg{width: 160px; height:120px;}*/
.ArticleImgCon
{
width: 160px;
height: 120px;
margin-right: 20px;
line-height: 120px;
}
.media{padding-top: 20px; padding-bottom: 20px;}
.media-body{height: 120px;}
.media-body span:first-child{ font-size:24px;line-height: 50px;}
.media-body p{ font-size: 16px;line-height: 32px; height: 60px;}
}
@media(max-width: 767px)
{
/*.ArticleImg{width: 1.6rem; height:1.2rem;}*/
.ArticleImgCon
{
width: 1.6rem;
height: 1.2rem;
margin-right: .1rem;
line-height: 1.2rem;
}
.media{padding-top: .1rem; padding-bottom: .1rem;}
.media-body{height: 1.2rem;}
.media-body span:first-child{ font-size:.24rem; line-height:.5rem;}
.media-body p{ font-size:.2rem; line-height: .32rem; height: .6rem;}
}
/****************************第六部分******************************//*HomeMessage*/
.HomeMessage input,.HomeMessage textarea{color: #999;border: 1px solid #999;letter-spacing: 1px;outline: none;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;-o-transition: 0.5s all ease;-ms-transition: 0.5s all ease;-webkit-appearance: none;}
.Address,.Contant{width:100%;}
.Submit{color: #fff !important;width:100%; border: inherit !important;}
.Map p{margin: 0;}
@media(min-width: 991px){
.Message{padding: 0 15px;}
.Map{padding-left: 15px;}
}
@media(max-width: 991px){
.HomeMessage .container{ width: 100%; padding-left: inherit; padding-right: inherit;}
.Map{padding-left: inherit; padding-right: inherit;margin-top: 30px;}
}
@media(min-width: 768px) and (max-width: 991px)
{
.Message, .HomeMessage .title_style1{ max-width:710px; margin-left:auto; margin-right:auto;}
.Map{margin-bottom: -40px;}
}
@media(min-width: 768px){
.HomeMessage input,.HomeMessage textarea{padding: 11.5px;font-size: 16px;}
.Map{padding-left: 10px; padding-right: 15px; margin-top: 5px;}
.Address{margin-top: 5px; margin-bottom: 15px;}
.Contant{margin-top: 5px;margin-bottom: 15px; height: 200px;}
.Submit{margin: 20px 0;}
.HomeMessage #ValidateImage{ height:40px;}
}
@media(max-width: 767px)
{
.HomeMessage .title_style1{ margin-left:.2rem; margin-right:.2rem;}
.HomeMessage input,.HomeMessage textarea{padding: .12rem;font-size: .2rem;}
.Message{margin-left: .2rem !important; margin-right: .2rem !important; max-width: 767px;}
.Code{ width: 2rem;}
.Message{padding-left: .2rem; padding-right: .2rem;}
.Map{padding-left: .1rem; padding-right: .15rem; margin-top: .05rem;/*margin-bottom: -.2rem;*/}
.Contant{margin-top: .2rem;margin-bottom: .15rem; height: 2rem;}
.Submit{margin: .2rem 0;padding: .15rem;}
.HomeMessage #ValidateImage{ height:.4rem;}
}
/*===Introduce===*/
@media (min-width: 1250px)
{
.parent
{
padding: 0 5.25px;
}
.kkTitle
{
padding: 5px 15px 0;
}
.kkSubIntroduce
{
padding: 0 15px;
height: 135px;
overflow: hidden;
text-align: justify;
}
/*.IntroduceImg
{
border-top: 1px #999 solid;
border-left: 1px #999 solid;
border-right: 1px #999 solid;
min-height: 300px;
}*/
.kkCon
{
border-left: 1px #ccc solid;
border-right: 1px #ccc solid;
border-bottom: 1px #ccc solid;
background: #fff;
}
}
@media (min-width: 768px)
{
.HomeIntroduce .container{ padding-bottom:40px;}
.kkTitle
{
font-size: 24px;
line-height: 50px;
}
.kkSubIntroduce
{
font-size: 16px;
line-height: 32px;
color: #666;
}
}
@media (min-width: 768px) and (max-width: 1249px)
{
.parent
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -o-box;
display: box;
-webkit-box-orient: horizontal; /* 虽然默认的排列方式是水平的，但是为了区分起见，加上该属性 */
padding:10px 0;
}
.kkCon
{
padding:0 20px;
}
}
@media(min-width: 991px) and (max-width: 1249px)
{
.IntroduceList
{
width:35%;
}
.kkCon
{
width:65%;
height: 185px;
overflow: hidden;
}
}
@media(min-width: 768px) and (max-width: 991px)
{
.IntroduceList
{
width:22%;
}
.kkCon
{
width:78%;
}
}
@media (max-width: 767px)
{
.kkTitle
{
font-size: .3rem;
line-height: .6rem;
}
.kkSubIntroduce
{
font-size: .24rem;
line-height: .36rem;
height: .6rem;
color: #666;
}
.parent
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -o-box;
display: box;
-webkit-box-orient: horizontal; /* 虽然默认的排列方式是水平的，但是为了区分起见，加上该属性 */
padding:.1rem 0;
}
.IntroduceList
{
width:40%;
}
.kkCon
{
width:60%;
padding-left:.2rem;
-webkit-box-flex: 1;
}
}
/***********************************内页****************************************/
/*广告图*/
.NeiBanner{max-height: 400px;overflow: hidden;}
@media (max-width: 767px)
{
.NeiBanner > a{ height:3rem !important;}
}
/*.NeiBanner img{width:100%;}*/
/*ProductList*/
/*.ProductListCon .col-xs-6
{
box-sizing: border-box;
overflow: hidden;
}
@media (min-width: 1250px)
{
.ProductListCon .P_Exhibition{ margin-right: 0px; margin-left: 0px;}
}
@media (min-width: 768px)and (max-width: 1249px)
{
.ProductListCon .P_Exhibition{ margin-right: -10px; margin-left: -10px;}
}
@media (min-width: 768px)
{
.ProductListCon{ margin-top:30px;}
}
@media (max-width: 767px)
{
.ProductListCon .P_Exhibition{ margin-left: -.1rem; margin-right: -.1rem;}
}*/
@media (min-width: 768px)
{
.ProductListCon > .container
{
margin-top: 30px;
margin-bottom: 40px;
}
.ProductListCon .row
{
margin-right: -9px;
margin-left: -9px;
}
.ProductListCon .row .col-xs-6
{
padding:7.5px
}
}
@media (max-width: 767px)
{
.ProductListCon > .container
{
margin-bottom: .1rem;
}
.ProductListCon .row
{
margin-right: -.1rem;
margin-left: -.1rem;
}
.ProductListCon .row .col-xs-6
{
padding:.1rem;
}
}
/**Product**/
.BigImage{ position:relative;}
.BigImage h3{ font-weight:bold;}
.Introduct{box-sizing:border-box;border:1px solid #ccc; padding:0; background: #fff;}
.Introduct div{ color:#fff; height:100%;}
.Product .Sub{color: #fff !important;width:100%; border: inherit !important;}
.Product .tab-pane div a:hover{ text-decoration:underline;}
.ProductMessageList > div{ border-bottom:1px solid #eee;}
.ProductMessageList > div:first-child{ border-top:1px solid #eee;}
.ProductMessageList > div > p:last-child{ color:#999;}
.ProductMessageList img{ display:inline-block !important; }
.hybtn_prev,.hybtn_next
{
z-index:11111;
position:absolute;
top:50%;
margin-top:-13px;
opacity: 0;/*可以改变数值*/
transition: opacity .8s ease-in-out;/*可以改变时间*/
-moz-transition: opacity .8s ease-in-out;
-webkit-transition: opacity .8s ease-in-out;
}
.BigImage:hover .hybtn_prev,.BigImage:hover .hybtn_next
{
opacity: 1.0;/*可以改变数值*/
transition: opacity .55s ease-in-out;/*可以改变时间*/
-moz-transition: opacity .55s ease-in-out;
-webkit-transition: opacity .55s ease-in-out;
}
.hybtn_prev{background:url(/Skin/images/hyleft.png) no-repeat left top;}
.hybtn_next{background:url(/Skin/images/hyright.png) no-repeat right top;}
@media (min-width: 768px)
{
.Product{ padding-bottom:40px;}
.BigImage{ margin-top:20px;}
.BigImage h3{line-height:60px;}
.Introduct{ height:50px; line-height:48px;font-size:18px; margin-bottom:20px; margin-top:40px;}
.Introduct div{width:135px;}
/*.Product .Sub{width:150px;}*/
.Product .Sub
{
padding: 11.5px;
font-size: 16px;
margin-top: 20px;
}
/*.Product table > tbody > tr td:first-child{ width:90px;}*/
.Product .tab-pane div input{ height:40px;}
.Product .tab-pane div input:nth-child(2){ width:200px;}
.Product .tab-pane div > img{ height:38px; margin-left:8px; margin-right:8px;}
.Product .tab-pane div:nth-child(2) span{ width: 85px;display: inline-block;}
.Product .Contant,.Product .tab-pane div input:nth-child(2){padding: 11.5px; font-size: 16px;color: #999;}
.ProductMessageList > div > p:first-child{ margin-top:10px;}
.ProductMessageList > div:first-child{margin-top:60px;}
.ProductMessageList p{ font-size:14px;}
.hybtn_prev,.hybtn_next{width:67px!important;height:122px!important; margin-top:-13px;}
.hybtn_prev{ left:20px;}
.hybtn_next{ right:20px;}
}
@media (max-width: 767px)
{
.BigImage{ margin-top:.2rem;}
.BigImage h3{ font-size:.3rem;line-height: inherit;}
.Introduct{ height:.6rem; line-height:.59rem;font-size:.2rem; margin-bottom:.2rem;margin-top:.3rem;}
.Introduct div{width:1.35rem;}
.Subtd{ display:none;}
.Product .Sub{width:100%; margin-top:.2rem;height:.5rem;margin-bottom: .2rem;}
/*.Product table > tbody > tr td:first-child{ width:1.3rem;}*/
.Product .tab-pane{ font-size:.24rem}
/*.Product .tab-pane div input{ height:.5rem;}*/
.Product .tab-pane div input:nth-child(2){ width:1.2rem;}
.Product .tab-pane div > img{ height:.4rem; margin-left:.08rem; margin-right:.08rem;}
.Product .tab-pane div:nth-child(2) span{ width: 1.2rem;display: inline-block;}
.Product .Contant,.Product .tab-pane div input:nth-child(2){ padding: .12rem; font-size: .2rem; color: #999;}
.ProductMessageList > div > p:first-child{ margin-top:.1rem;}
.ProductMessageList > div:first-child{margin-top:.4rem;}
.hybtn_prev,.hybtn_next{width:.67rem !important;height:1.22rem !important; margin-top:-.13rem;background-size: cover;}
.hybtn_prev{ left:.2rem;}
.hybtn_next{ right:.2rem;}
}
/**ArticleList**/
.ArticleList .media-body .date{font-weight: inherit;text-align: right; color:#999;}
@media (min-width: 768px)
{
.ArticleList .media-body .date{font-size: 16px; line-height:50px;}
.ArticleList .ArticleCom{ padding-bottom:15px;}
/*.ArticleCom{ margin-top:10px; margin-bottom:40px;}*/
}
@media (max-width: 767px)
{
.ArticleList .media-body .date{font-size: .24rem;line-height:.5rem;}
/*.ArticleCom{ margin-bottom:.1rem;}*/
}
/**Article**/
.articleCon .ArticleTxt{ font-weight:bold;}
.articleCon .dateCount{border-bottom: 1px dashed #ccc;color:#999;}
.preNext a{ color:#fff;}
.preNext .col-sm-2 span{ display: block;}
.preNext > div > a{opacity:0.9;}
.preNext > div > a:hover{ opacity:1;}
@media (min-width: 768px)
{
.Article > .container{ padding-bottom:40px;}
.articleCon .Articlehead{ margin-top:30px;}
.articleCon .ArticleTxt{ font-size:24px;}
.articleCon .dateCount{ font-size:14px;line-height:50px;}
.preNext a{ font-size:16px;}
.preNext .col-sm-2 span{ margin:0 5px;}
.preNext,.preNext .col-sm-5,.preNext .col-sm-2 span{height:50px; line-height:50px;}
.preNext div a{ padding:0 20px; }
}
@media (max-width: 992px)
{
.preNext{padding-top: .2rem; border-top:1px dashed #ccc;}
}
@media (max-width: 767px)
{
.articleCon .Articlehead{ margin-top:.3rem;}
.articleCon .ArticleTxt{ font-size:.3rem;}
.articleCon .dateCount{font-size:.2rem;line-height:.5rem;}
.preNext a{ font-size:.2rem;}
.preNext .col-sm-2 span{ margin:0 .05rem;}
.preNext,.preNext .col-sm-5,.preNext .col-sm-2 span{height:.5rem; line-height:.5rem;}
.preNext div a{ padding:0 .2rem; }
.preNext .col-xs-4{ text-align:center;}
.dateCount span{ padding:0 .05rem;}
}
/**MessageList**/
.messageListCon > span{ font-weight:bold;letter-spacing: 2px;}
.messageListCon #changeValidateImage:hover{ text-decoration:underline;}
#allmap
{
width: 100%;
overflow: hidden;
margin: 0;
font-family: "微软雅黑";
border: 1px #999 solid;
}
.BMap_pop div > div
{
border-radius: 8px;
}
@media (min-width: 768px)
{
.MessageList > .container{ padding-top: 60px;padding-bottom: 40px;}
.messageListCon > span{ font-size:30px; padding-top:40px; padding-bottom:15px;}
#allmap {height: 400px;}
}
@media (max-width: 767px)
{
.MessageList > .container{ padding-top: .1rem;padding-bottom: .3rem;}
.messageListCon > span{ font-size:.3rem;padding-top:.4rem; padding-bottom:.15rem;}
.messageListCon .MessageTxt{margin-bottom: .2rem;}
/*.SinglePage #allmap{ margin-bottom: -.2rem;}*/
#allmap { height:4rem;}
}
/**SinglePage**/
.singlePageCon{ float:inherit;}
@media (min-width: 768px)
{
.singlePageCon{ padding-top:30px;padding-bottom: 40px;}
}
@media(max-width: 767px)
{
.singlePageCon{ margin-top:30px;margin-bottom: .2rem;}
}
/*内页菜单*/
@media(min-width: 769px)
{
.NeiMenu .container{height: 60px;}
.NeiMenu{ border-bottom: 1px solid #ddd;}
.NeiMenu .navbar-collapse{ display:inline-block !important;}
.NeiMenu .navbar-collapse .nav > li > a{ height: 60px;line-height: 60px;padding: 0 15px; font-size:16px;}
.NeiMenu .navbar-header >span{ display:none}
.NeiMenu .dropdown-menu{ z-index:1000;}
.NeiMenu .dropdown-menu > li > a {font-size: 14px;height: 50px;line-height: 50px;padding: 0 15px;}
}
@media(max-width: 768px)
{
.NeiMenu{ margin:.3rem 0 .2rem 0;}
.NeiMenu .navbar-default .navbar-nav > li > a { padding: .12rem .2rem .12rem .19rem; font-size:.24rem;}
.NeiMenu .navbar-default .navbar-nav .open .dropdown-menu > li > a,
.NeiMenu .navbar-default .navbar-nav .open .dropdown-menu .dropdown-header {
padding:0 .15rem 0 .4rem;border-color: #fafafa; height: .6rem; line-height: .6rem;}
.NeiMenu .caret-right { right:.2rem;top:.26rem;}
.main-navigation{ border: 1px solid #ddd;}
.NeiMenu .navbar-header{ height: .7rem; line-height: .7rem; text-align: center;}
.NeiMenu .navbar-header > span{ font-size:.3rem;}
.NeiMenu .navbar-header .navbar-toggle{ line-height: .7rem;height: .7rem; width:.7rem;border-left: 1px solid #ddd; padding: 0 .14rem; position: absolute; top: 0; right: 0;}
.NeiMenu .navbar-collapse{border-top: 1px solid #ddd; }
.NeiMenu .dropdown-menu > li > a { font-size:.24rem}
}
.NeiMenu .navbar-default .navbar-nav
{
margin: 0px -15px !important;
}
.NeiMenu .navbar-default .navbar-nav > li > a {
text-transform: uppercase;
z-index: 102;
border: 1px solid transparent;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
.NeiMenu .navbar-default .navbar-nav > li > a:hover {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.NeiMenu .navbar-default .navbar-nav > .active > a,
.NeiMenu .navbar-default .navbar-nav > .active > a:focus {
color: #e84c3d;
background-color: transparent;
}
.NeiMenu .navbar-default .navbar-nav > .active > a:hover {
background-color: transparent;
}
.NeiMenu .main-navigation .navbar-nav > .open > a,
.NeiMenu .main-navigation .navbar-nav > .open > a:hover,
.NeiMenu .main-navigation .navbar-nav > .open > a:focus {
border-bottom: 1px solid transparent;
-webkit-box-shadow: -1px -1px 0px rgba(0, 0, 0, 0.03);
box-shadow: -1px -1px 0px rgba(0, 0, 0, 0.03);
}
.NeiMenu .main-navigation .navbar-nav > .open > a:active,
.NeiMenu .main-navigation .navbar-nav > .open.active > a:active {
background-color: #ffffff;
-webkit-box-shadow: none;
box-shadow: none;
border-color: transparent;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.NeiMenu .main-navigation .navbar-nav > .open > a:active + ul,
.NeiMenu .main-navigation .navbar-nav > .open.active > a:active + ul {
display: none;
}
.NeiMenu .dropdown-menu {
min-width: 200px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
padding: 0;
margin: 0;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
border: 1px solid #f1f1f1;
z-index: 101;
border-radius: 0px !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
-ms-border-radius: 0px !important;
z-index:1111;
}
.NeiMenu .dropdown-menu > li > a {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
.NeiMenu .dropdown-menu .dropdown-menu {
top: -1px;
left: 100% !important;
padding-top: 0;
margin-left: 1px;
border-left: none;
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
border-top: 1px solid #f1f1f1;
}
.NeiMenu .mega-menu.dropdown {
position: static;
}
.NeiMenu .mega-menu .dropdown-menu {
left: 0;
top: 96%;
width: 100%;
padding: 20px 30px;
}
.NeiMenu .mega-menu .menu {
list-style: none;
padding: 0;
margin: 0;
}
.NeiMenu .mega-menu h4.title {
margin: 10px 0 5px;
font-size: 14px;
text-transform: uppercase;
}
.NeiMenu .mega-menu .menu > li > a {
padding: 5px 0;
font-size: 15px;
color: #666666;
border-bottom: 1px solid #f1f1f1;
display: block;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
.NeiMenu .mega-menu .menu > li > a i,
.NeiMenu .dropdown-menu > li > a i {
padding-right: 5px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.NeiMenu .mega-menu .menu > li:last-child > a {
border-bottom: none;
}
.NeiMenu .mega-menu .menu > li > a:hover i,
.NeiMenu .dropdown-menu > li > a:hover i {
padding-left: 5px;
}
.NeiMenu .mega-menu .menu > li > a:hover,
.NeiMenu .mega-menu .menu > li > a:focus {
background-color: #ffffff;
color: #e84c3d;
border-color: #f1f1f1;
text-decoration: none;
}
.NeiMenu .main-navigation.main-navigation .open .dropdown-menu,
.NeiMenu .open .dropdown-animation {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInDownSmall;
animation-name: fadeInDownSmall;
}
.NeiMenu .open .dropdown-animation {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
}
.NeiMenu .main-navigation.main-navigation .dropdown-menu .open .dropdown-menu {
-webkit-animation-name: fadeInLeftSmall;
animation-name: fadeInLeftSmall;
}
.NeiMenu .navbar-default .navbar-toggle .icon-bar {
margin-bottom: .06rem;
width: .4rem;
height: 3px;
background: #999;
border-radius: .1rem;
}
@media (min-width:769px) {
.NeiMenu .main-navigation .navbar-nav.navbar-right:last-child {
margin-right: 0;
}
.NeiMenu .navbar.navbar-default {
background-color: transparent;
border-color: transparent;
}
.NeiMenu .navbar-collapse {
padding-right: 0px;
padding-left: 0px;
width:79%;
float:left;
}
.NeiMenu .main-navigation .navbar-right .dropdown-menu {
right: auto;
left: 0;
}
.NeiMenu .main-navigation .navbar-right > li:last-child > .dropdown-menu {
right: 0;
left: auto;
}
}
@media (min-width:769px) and (max-width:1199px) {
.NeiMenu .main-navigation .container-fluid {
padding-right: 0px;
padding-left: 0px;
}
}
@media (min-width:992px) and (max-width:1199px) {
.NeiMenu .navbar-default .navbar-nav > li > a {
padding-right: 19px;
}
}
@media (min-width:1200px) {
.NeiMenu .main-navigation .navbar-nav > li:first-child {
margin: 0;
}
}
@media (max-width:768px) {
.NeiMenu .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.NeiMenu .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.NeiMenu .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #e84c3d;
background-color: transparent;
}
.NeiMenu .navbar-default .navbar-nav > li > a {
border-bottom: 1px solid #ddd;
}
.NeiMenu .navbar-default .navbar-nav > li:last-child > a {
border-bottom: 1px solid transparent;
}
.NeiMenu .main-navigation .navbar-nav > .open > a,
.NeiMenu .main-navigation .navbar-nav > .open > a:hover,
.NeiMenu .main-navigation .navbar-nav > .open > a:focus {
border-color: transparent;
-moz-box-shadow: none;
-o-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.NeiMenu .navbar-default .navbar-nav .open .dropdown-menu {
background-color: #ffffff;
}
.NeiMenu .navbar-nav .open .dropdown-menu .dropdown-menu > li > a {
padding-left: 60px;
}
.NeiMenu .navbar-nav .open .dropdown-menu .dropdown-menu .dropdown-menu > li > a {
padding-left: 80px;
}
.NeiMenu .dropdown>a:before {
right: 32px;
}
.NeiMenu .dropdown .dropdown>a:before {
right: 36px;
}
}
/*搜索*/
@media (min-width: 768px)
{
.search-bar{
width: 21%;
margin: 12px auto 0;
position: relative;
}
.search-bar input[type="text"]{
width: 100%;
padding: 8px 45px 8px 8px;
border: 1px solid #ccc;
background: none;
display: inline-block;
outline: none;
-webkit-appearance: none;
vertical-align: -webkit-baseline-middle;
color: #999999;
font-size: 0.875em;
border-radius:30px;
}
.search-bar input[type="submit"]{
background: url(/Skin/images/search.png)no-repeat 0px 0px;
outline: none;
-webkit-appearance: none;
border: 0;
display: inline-block;
vertical-align: -webkit-baseline-middle;
width: 35px;
height: 35px;
margin-right:5px;
position:absolute;
right:0px;
top:0px;
}
}
/*====右侧浮动条====*/
.divFloatBar{ _position:absolute; position: fixed; bottom: 0; right: 0; z-index: 9999; font-size:14px; }
.divFloatBar a{ font-size:14px;}
.ulBar{ float:right; padding:0px; margin:0px;}
.ulBar li{display: block;position: relative; opacity:0.8!important;filter:alpha(opacity=80);}
.ulBar li.liShow{ opacity:0.8!important;filter:alpha(opacity=60); cursor:pointer;}
.ulBar li .imgTriangle{ display:none; position:absolute;z-index:99; }
.ulBar li:hover{opacity:1!important;filter:alpha(opacity=100);}
.ulBar li .float_menu_img2{display: none;}
.ulBar li .divShowD{ display:none; position: absolute; z-index: 22; min-width:130px; min-height:20px; background: #fff; border: 1px solid #ccc; padding: 10px; top:0px; white-space: nowrap;}
.ulBar li .divShowD p{ margin:5px 0px;}
.ulBar li:hover .divShowD{ display:block;}
.ulBar li:hover .imgTriangle{ display:block;}
.ulBar li .divShowD > div{ height:auto !important; margin-left:0 !important; margin-top:0 !important;min-width: 228px !important;}
@media (min-width: 768px)
{
.ulBar{ width: 60px;height:30px;}
.ulBar li{width: 60px;height: 60px;}
.ulBar li.liShow{ height:30px;}
.ulBar li .imgTriangle{ top:25px; right:52px; }
.ulBar li .divShowD{ right: 60px;}
}
@media (max-width: 767px)
{
.ulBar{ width: 40px;height:20px;}
.ulBar li{width: 40px;height: 40px;}
.ulBar li.liShow{ height:20px;}
.ulBar .ItImg,#liShow_Img{ width:100%;}
.ulBar li .imgTriangle{ top:15px; right:32px; }
.ulBar li .divShowD{ right: 40px;}
}
/*=幻灯片样式二=*/
.main_image {width:100%; height:600px;overflow:hidden; margin:0 auto; position:relative}
.main_image ul {width:9999px; height:600px; overflow:hidden; position:absolute; top:0; left:0}
.main_image li {float:left; width:100%; height:600px;}
.main_image li span {display:block; width:100%; height:600px}
.main_image li a {display:block; width:100%; height:600px}
div.flicking_con { position:relative; z-index:99; width:100%; margin:0 auto;}
div.flicking_con .flicking_inner { position:absolute; top:-35px; width:100%; height:21px; text-align:center;} /* 121126 */
div.flicking_con span { cursor:pointer; display:inline-block; width:21px; height:21px; line-height:70px; overflow:hidden; margin:0; padding:0; background:url('/Skin/images/btn_main_img.png') 0 0 no-repeat;}
div.flicking_con span.on {background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:46px!important;height:59px!important;top:50%;margin-top:-29px;display:none;}
#btn_prev{background:url(/Skin/images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(/Skin/images/hover_right.png) no-repeat right top;right:100px;}
@media(max-width: 991px){
#btn_next,#btn_prev{ display: none !important;}
}
@media(min-width: 768px) and (max-width: 991px){
.main_image {height:400px !important;}
.main_image ul {height:400px !important;}
.main_image li {height:400px !important;}
.main_image li span {height:400px !important;}
.main_image li a {height:400px !important;}
}
@media(max-width: 767px){
.main_image { height: 3rem !important;}
.main_image ul { height: 3rem !important;}
.main_image li { height: 3rem !important;}
.main_image li span { height: 3rem !important;}
.main_image li a { height: 3rem !important;}
div.flicking_con .flicking_inner { top:-.4rem;}
}
/* FocusBanner.css */
.mainbanner{height:400px;overflow:hidden; position:relative;}
.mainbanner_window{left:50%;width:2000px;height:400px;overflow:hidden;margin-left:-1000px;position:absolute;}
.mainbanner_window ul{width:999999px;height:400px;position:relative;}
.mainbanner_window li{background:rgb(204, 204, 204);width:2000px;height:400px;text-align:center;font-size:0px;float:left;display:inline;}
.mainbanner_list{left:0;bottom:0px;width:100%;height:30px; position:absolute; text-align:center;}
.mainbanner_list span{ cursor:pointer; background:url("/Skin/Images/btn_foucBanner_img.png") no-repeat;width:25px;height:25px;line-height:25px;overflow:hidden;text-align:center;color:rgb(255, 255, 255);font-size:12px;font-weight:700; display:inline-block; margin:0 5px;}
.mainbanner_list span.active{background-position:0 -30px;text-decoration:none;}
.mainbanner_list span:hover{background-position:0 -30px;text-decoration:none;}
/* FocusBanner.css end */
/* SlideBanner.css */
#et-slider-wrapper { height: 400px; position: relative; width:100% }
.et-slide { background-repeat: no-repeat; background-position: top center; position: absolute; top: 0; left: 0; width: 100%; height: 400px; }
.et-slide .container { padding: 220px 0 0; }
.et-slide .description { text-shadow: 0 2px 2px rgba(0,0,0,0.3); color: #fff; font-size: 18px; float: left; width: 412px; padding-top: 95px;
-webkit-animation-duration: .6s;
-webkit-animation-delay: .4s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .6s;
-moz-animation-delay: .4s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: .6s;
-ms-animation-delay: .4s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
animation-duration: .6s;
animation-delay: .4s;
animation-timing-function: ease;
animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp; }
.description h2 { font-size: 60px; color: inherit; }
.description h2 a { color: #fff; }
.description h2 a:hover { text-decoration: none; color: rgba(255,255,255,0.95); }
.subtitle { font-size: 32px; text-transform: uppercase; color: #c3e54b; }
.description .more { float: right; display: inline-block; text-transform: uppercase; font-size: 24px; color: #fff; text-shadow: 0 -1px 1px rgba(0,0,0,0.8); padding: 17px 28px; border: 1px solid #17242a; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 3px 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 3px 3px rgba(0,0,0,0.3); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 3px 3px rgba(0,0,0,0.3);
background: #2a3f4a;
background: -moz-linear-gradient(top, #2a3f4a 0%, #1e2f37 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a3f4a), color-stop(100%,#1e2f37)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2a3f4a 0%,#1e2f37 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #2a3f4a 0%,#1e2f37 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #2a3f4a 0%,#1e2f37 100%); /* IE10+ */
background: linear-gradient(to bottom, #2a3f4a 0%,#1e2f37 100%); /* W3C */
}
.description .more:hover { color: rgba(255,255,255,0.9); text-decoration: none; }
.featured-image { float: right; width: 535px;
-webkit-animation-duration: .6s;
-webkit-animation-delay: .8s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .6s;
-moz-animation-delay: .8s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: .6s;
-ms-animation-delay: .8s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
animation-duration: .6s;
animation-delay: .8s;
animation-timing-function: ease;
animation-fill-mode: both;
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
}
.js .et-slide { display: none; }
.js .et-slide:first-child { display: block; }
.et-slider-arrows a { overflow:hidden; display: block; background-repeat: no-repeat; width: 28px; height: 40px; position: absolute; top: 50%; margin-top:-20px; text-indent: -9999px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; }
#et-slider-wrapper .et-arrow-prev { left: 60px; background-image: url(/Skin/images/left-arrow.png); }
#et-slider-wrapper .et-arrow-next { right: 60px; background-image: url(/Skin/images/right-arrow.png); }
#et-slider-wrapper:hover .et-slider-arrows a { opacity: 1; }
#et-slider-wrapper:hover .et-arrow-prev { left: 80px; }
#et-slider-wrapper:hover .et-arrow-next { right: 80px; }
#et-slider-controls { position: absolute; bottom: 75px; left: 0; bottom:20px;width: 100%;}
#et-slider-controls .et-controllers { width:100%; text-align: center; height: 17px; }
#et-slider-controls .et-controllers a { overflow:hidden; display: inline-block; width: 60px; height: 4px; text-indent: -9999px; margin: 0 3px;background: #cc9933;}
#et-slider-controls .et-controllers a.et-active-control { background: #cc0000;}
.et-controllers a.et-active-control:hover { cursor: default; }
@media (max-width: 767px)
{
#et-slider-controls .et-controllers a { width: .6rem; height: 4px;}
}
/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/
.commentlist, #respond { padding: 40px; }
#comments, #reply-title { font-size: 30px; text-transform: uppercase; }
.comment-body { position: relative; padding: 0 0 0 75px; margin: 20px 0; }
.comment_avatar { position: absolute; top: 0; left: 0; }
.comment_avatar img { display: block; }
.comment_avatar:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.5); box-shadow: inset 0 0 7px rgba(0,0,0,0.5); }
.comment_postinfo { font-size: 24px; text-transform: uppercase; margin-bottom: 5px; }
.fn, .fn a { color: #454545; text-decoration: none; }
.comment_date { color: #c3e54b; margin-left: 4px; }
.comment-reply-link, .form-submit #submit { float: right; position: relative; padding-right: 12px; color: #454545; font-size: 18px; text-transform: uppercase; }
.comment-reply-link:hover { color: #111; text-decoration: none; }
.comment-reply-link:before { content: '\00BB'; position: absolute; top: 0; right: 0; color: #C3E54B; }
.commentlist .children { padding-left: 75px; }
#respond { margin-top: 60px; }
#commentform input[type="text"] { width: 40%; }
#commentform textarea { width: 89%; }
#commentform textarea, #commentform input[type="text"] { border: 1px solid #e0dddd; padding: 20px; color: #555e58; font-size: 14px; background: #fff; -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.1); box-shadow: inset 0 0 7px rgba(0,0,0,0.1); }
#reply-title small { display: block; font-size: 12px; padding-top: 5px; font-weight: bold; letter-spacing: 0; font-family: 'Open Sans', Arial, sans-serif; }
.form-submit { text-align: right; }
.form-submit input { font-size: 14px; float: none; }
.comment #respond, #trackbacks { margin-bottom: 30px; }
.comment #respond { background: none; -moz-box-shadow: none; -webkit-filter: none; filter: none; padding: 0; margin-top: 32px; }
.form-submit #submit { background: none; border: none; }
/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/
#footer-widgets { border-top: 1px solid #d8d8d8; padding: 99px 0 59px; text-shadow: 1px 1px 0 #fff; background-color: #ececec; }
#footer-copyright { margin-top: -9px; font-family: Georgia, serif; font-style: italic; font-size: 16px; color: #c5c5c5; margin-bottom: -5px; }
.footer-widget { float: left; width: 280px; margin-right: 60px; color: #787878; }
.footer-widget h4.widgettitle { font-size: 30px; padding-bottom: 9px; text-transform: uppercase; color: #454545; }
#footer-bottom { padding: 55px 0 25px; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5); }
.bottom-nav li { float: left; padding-right: 22px; }
.bottom-nav li.current_page_item a { color: #c3e54b; font-weight: 800; }
.bottom-nav li a { color: #fff; text-decoration: none; }
.bottom-nav li a:hover { color: #eee; }
p#copyright { text-align: right; font-size: 12px; color: #fff; }
p#copyright a { color:#fff; font-weight: 800; }
.f_widget { margin-bottom: 25px; }
/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/
#sidebar { float: left; width: 290px; }
#sidebar a, #footer-widgets a { color: #454545; }
#sidebar a:hover, #footer-widgets a:hover { color: #111; text-decoration: none; }
.widget { margin-bottom: 42px; text-shadow: 1px 1px 0 #fff; }
.widget h4.widgettitle { font-size: 30px; text-transform: uppercase; padding-bottom: 14px; color: #454545; }
.widget li, .f_widget li { padding: 0 0 15px 15px; background: url(/App_Style/images/widget-bullet.png) no-repeat 0 6px; }
.widget li:hover, .f_widget li:hover { background-image: url(/App_Style/images/hover-widget-bullet.png); }
.f_widget li ul, .widget li ul { margin: 15px 0 -15px; }
/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/
div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; max-width: 96%; padding: 8px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; }
.alignleft { float: left }
img.alignleft { display:inline; float:left; margin-right:15px; }
img.alignright { display:inline; float:right; margin-left:15px; }
#mobile_menu { position: absolute; top: 30px; left: -52px; text-align: left; }
#mobile_menu a { font-weight: 300; color: #fff; text-decoration: none; }
#mobile_menu ul { display: block !important; visibility: visible !important; }
#mobile_menu ul a { padding-left: 40px; }
#mobile_menu ul ul a { padding-left: 60px; }
#mobile_menu ul ul ul a { padding-left: 80px; }
/*------------------------------------------------*/
/*-----------------[WP CALENDAR]-----------------*/
/*------------------------------------------------*/
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px; }
#wp-calendar a { display: block; text-decoration: none; font-weight: bold; }
#wp-calendar a:hover { text-decoration: underline; }
#wp-calendar caption { text-decoration: none; font: bold 13px Arial, Sans-Serif; }
#wp-calendar td { padding: 3px 5px; }
#wp-calendar td#today { color: #111; font-weight: bold; }
#wp-calendar th { font-style: normal; text-transform: capitalize; padding: 3px 5px; }
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/
.pagination { overflow: hidden; padding: 20px 0; }
#content .wp-pagenavi { text-align: right; }
#content .wp-pagenavi a, #content .wp-pagenavi span { background: #fff; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1); box-shadow: 0 0 5px rgba(0,0,0,0.1); border: none; padding: 14px 18px; font-size: 18px; color: #d8d8d8; font-weight: normal !important; margin: 0 4px; }
#content .wp-pagenavi span.current, #content .wp-pagenavi a:hover { color: #454545; }
#content .wp-pagenavi .nextpostslink, #content .wp-pagenavi .previouspostslink { color: #c3e54b; }
#content .wp-pagenavi .pages { background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.mobile_nav, #mobile_menu { display: none; }
.fullwidth #left-area { float: none; width: auto; }
.entry .wp-pagenavi { padding-top: 30px; }
.et_embedded_videos { display: none; }
.et_pt_gallery_entry { margin-left: 67px !important; }
#et_pt_portfolio_gallery { margin-left: -33px !important; }
.et_pt_portfolio_item { margin-left: 16px !important; }
.et_portfolio_large .et_pt_portfolio_item { width: 420px !important; }
@media only screen and ( max-width: 1002px ) {
#et-search, p#et-search-title, p#et-search-title span { background: none !important; }
#et-search { width: auto !important; height: auto !important; }
#et-search-inner { padding: 0 !important; }
#et-search-right { float: none !important; clear: both; text-align: left !important; }
#et_search_submit { background: #BBB8B8 !important; color: #111 !important; }
p#et-search-title { margin-bottom: 2px !important; }
p#et-search-title span { padding: 0 !important; text-shadow: none !important; }
#et-searchinput { width: auto !important; }
p#et_choose_posts, p#et_choose_pages, p#et_choose_date, p#et_choose_cat { float: none !important; }
#et-search-left { float: none !important; width: 100% !important; }
}
@media only screen and ( min-width: 768px ) and ( max-width: 1002px ) {
#logo { float: none; }
#menu-wrap { float: none; clear: both; padding-top: 38px; }
#et-slider-wrapper { height: 760px; }
.et-slide .container { padding-top: 250px; }
.et-slide .description { width: 277px; padding-top: 32px; }
.description h2 { font-size: 48px; }
.featured-image, #et-slider-controls .et-controllers { width: 402px; }
#et-slider-controls { bottom: 100px; }
.et-slider-arrows a { top: 413px; }
#et-slider-wrapper .et-arrow-prev { left: 0; }
#et-slider-wrapper .et-arrow-next { right: 0; }
#et-slider-wrapper:hover .et-arrow-prev { left: 25px; }
#et-slider-wrapper:hover .et-arrow-next { right: 25px; }
.subtitle, .service h3, .testimonial .title, .footer-widget h4.widgettitle { font-size: 24px; }
.description .more { font-size: 18px; }
.service { margin-right: 35px; width: 155px;}
#testimonials { width: 313px; }
.testimonial { padding: 30px 26px 27px 39px; }
.testimonial .title { padding-bottom: 3px; }
.testimonial span.title { display: block; }
#recent-updates { width: 331px; }
#logos img { max-width: 136px; }
.footer-widget { margin-right: 52px; width: 208px; }
#left-area { width: 472px; }
#sidebar { width: 209px; }
.page-title-area { padding-top: 95px; }
.page-title-area h1 { font-size: 48px; }
.entry .meta-info { font-size: 24px; }
#et_pt_portfolio_gallery { margin-left: -35px !important; }
.et_pt_portfolio_item { margin-left: 13px !important; width: 201px !important; }
.et_portfolio_more_icon, .et_portfolio_zoom_icon { top: 50px !important; }
.et_portfolio_more_icon { left: 65px !important; }
.et_portfolio_zoom_icon { left: 106px !important; }
#et_pt_portfolio_gallery.et_portfolio_small { margin-left: -18px !important; }
#et_pt_portfolio_gallery.et_portfolio_small .et_pt_portfolio_item { margin-left: 8px !important; width: 117px !important; }
#et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_zoom_icon { top: 20px !important; }
#et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_more_icon { left: 26px !important; }
#et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_zoom_icon { left: 62px !important; }
#et_pt_portfolio_gallery.et_portfolio_large { margin-left: -28px !important; }
#et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: -3px !important; width: 321px !important; }
#et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 99px !important; }
#et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 140px !important; }
#et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 178px !important; }
}
@media only screen and ( max-width: 767px ) {
.top-content.container { text-align: center; }
#logo, #top-menu { float: none; }
#social-icons, .description p { display: none; }
.description .subtitle { display: block; }
.description .more { font-size: 18px; float: left; padding: 17px; }
#et-slider-wrapper { height: 544px; }
.et-slide .container { padding-top: 233px; }
.et-slide .description { width: 203px; padding-top: 22px; }
.featured-image { width: 211px; }
#et-slider-controls .et-controllers { width: 100%; text-align: center; }
#et-slider-controls { bottom: 60px; }
#et-slider-wrapper .et-arrow-prev { left: 0; }
#et-slider-wrapper .et-arrow-next { right: 0; }
#et-slider-wrapper:hover .et-arrow-prev { left: 10px; }
#et-slider-wrapper:hover .et-arrow-next { right: 10px; }
.description h2 { font-size: 36px; }
.subtitle { font-size: 18px; }
.service { float: none; margin-bottom: 35px; }
.service h3, .footer-widget h4.widgettitle { font-size: 24px; }
.service { margin-right: 0; width: 375px; }
#testimonials, #recent-updates { float: none; width: auto; }
#testimonials { margin: 0 0 50px 24px; }
.testimonial { padding: 32px 36px 27px 39px; }
#recent-updates { margin-left: 60px; }
#logos { padding-bottom: 0; }
#logos img { max-width: 189px; margin-bottom: 50px; }
#logos a:nth-child(2) { margin-right: 0; }
.footer-widget { margin-right: 0; width: auto; margin-bottom: 50px; float: none; }
.footer-widget.last { margin-bottom: 0; }
#footer-bottom .container, p#copyright { text-align: center; }
.bottom-nav { display: inline-block; }
p#copyright { padding-top: 25px; }
#menu-wrap, #sidebar { display: none; }
.mobile_nav { display: inline-block; }
#et_mobile_nav_menu { margin-top: 45px; }
.mobile_nav { padding-bottom: 8px; }
.mobile_nav:hover { text-decoration: none; }
.page-title-area { padding-top: 51px; }
.page-title-area h1 { font-size: 48px; }
.page-title-area .subtitle, .entry .meta-info { font-size: 24px; }
#left-area { float: none; margin-right: 0; width: auto; }
#et_pt_gallery { margin-left: -44px !important; margin-right: -40px !important; }
.et_pt_gallery_entry { margin-left: 7px !important; }
#et_contact_right { width: 50% !important; margin-left: 0 !important; float: none !important; }
.sitemap-col { float: none !important; width: auto !important; }
.et_pt_portfolio_item { margin-left: 30px !important; }
.et_portfolio_small .et_pt_portfolio_item { width: 380px !important; margin-bottom: 10px; }
.et_portfolio_small .et_pt_portfolio_entry { float: left; margin-right: 15px; }
.et_portfolio_small .et_portfolio_more_icon, .et_portfolio_small .et_portfolio_zoom_icon { top: 30px !important; }
.et_portfolio_small .et_portfolio_more_icon { left: 38px !important; }
.et_portfolio_small .et_portfolio_zoom_icon { left: 77px !important; }
#et_pt_portfolio_gallery.et_portfolio_large { margin-left: 0 !important; }
#et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: -27px !important; width: 404px !important; }
#et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 109px !important; }
#et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 155px !important; }
#et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 195px !important; }
}
@media only screen and ( max-width: 479px ) {
#et-slider-wrapper { height: 505px; }
.featured-image, #et-search-form, #content .wp-pagenavi .pages { display: none; }
.et-slide .description { float: none; width: 100%; }
.et-slide .description .more { float: none; }
.top-content.container, .et-slide .container, #logos .container, p#copyright { text-align: center; }
#logo, #top-menu { float: none; }
#social-icons, #footer-widgets, .bottom-nav { display: none; }
.description h2 { font-size: 36px; }
.subtitle, .entry .meta-info { font-size: 18px; }
.service h3 { font-size: 24px; }
.service { margin-right: 0; width: 255px; }
.testimonial { padding: 32px 36px 27px 39px; }
#recent-updates { margin-left: 0; }
#logos img { max-width: 189px; margin-bottom: 50px; }
#footer-bottom { padding-top: 0; }
.page-title-area h1 { font-size: 36px; }
#breadcrumbs { padding: 10px 0; }
.et_pt_gallery_entry { margin-left: 56px !important; }
p.et-registration { margin-top: 35px !important; }
.et-protected-form { padding: 0 !important; background: none !important; }
.et-protected { width: auto !important; }
#et_pt_portfolio_gallery, #et_pt_portfolio_gallery.et_portfolio_large { margin-left: 0 !important; }
.et_pt_portfolio_item, #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 0 !important; width: 228px !important; }
.et_portfolio_more_icon, .et_portfolio_zoom_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 53px !important; }
.et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 70px !important; }
.et_portfolio_zoom_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 110px !important; }
.entry .et_portfolio_small .et_pt_portfolio_item { width: 262px !important; margin-left: 0 !important; }
.et_portfolio_small .et_pt_portfolio_item { margin-left: -15px !important; width: 254px !important; }
}
/*------------------------------------------------*/
/*-----------------[COLOR SCHEMES-----------------*/
/*------------------------------------------------*/
/*--------------------[PURPLE]--------------------*/
.et_color_scheme_purple #breadcrumbs-wrapper, .et_color_scheme_purple #services {
border-top: 1px solid #692c6d;
background: #4d2050;
background: -moz-linear-gradient(top, .et_color_scheme_purple#4d2050 0%, .et_color_scheme_purple#3c1a3e 100%);
background: -webkit-gradient(linear, .et_color_scheme_purpleleft top, .et_color_scheme_purpleleft bottom, .et_color_scheme_purplecolor-stop(0%,rgba(29, .et_color_scheme_purple47, .et_color_scheme_purple56, .et_color_scheme_purple1)), .et_color_scheme_purplecolor-stop(100%,#3c1a3e));
background: -webkit-linear-gradient(top, .et_color_scheme_purple#4d2050 0%,#3c1a3e 100%);
background: -o-linear-gradient(top, .et_color_scheme_purple#4d2050 0%,#3c1a3e 100%);
background: -ms-linear-gradient(top, .et_color_scheme_purple#4d2050 0%,#3c1a3e 100%);
background: linear-gradient(to bottom, .et_color_scheme_purple#4d2050 0%,#3c1a3e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d2050', .et_color_scheme_purpleendColorstr='#3c1a3e',GradientType=0 );
}
.et_color_scheme_purple .description .more {
background: #4d2050;
background: -moz-linear-gradient(top, .et_color_scheme_purple#4d2050 0%, .et_color_scheme_purple#3c1a3e 100%);
background: -webkit-gradient(linear, .et_color_scheme_purpleleft top, .et_color_scheme_purpleleft bottom, .et_color_scheme_purplecolor-stop(0%,rgba(29, .et_color_scheme_purple47, .et_color_scheme_purple56, .et_color_scheme_purple1)), .et_color_scheme_purplecolor-stop(100%,#3c1a3e));
background: -webkit-linear-gradient(top, .et_color_scheme_purple#4d2050 0%,#3c1a3e 100%);
background: -o-linear-gradient(top, .et_color_scheme_purple#4d2050 0%,#3c1a3e 100%);
background: -ms-linear-gradient(top, .et_color_scheme_purple#4d2050 0%,#3c1a3e 100%);
background: linear-gradient(to bottom, .et_color_scheme_purple#4d2050 0%,#3c1a3e 100%);
}
.et_color_scheme_purple #breadcrumbs, .et_color_scheme_purple.read-more span, .et_color_scheme_purple.testimonial span.title, .et_color_scheme_purple.entry .meta-info, .et_color_scheme_purple.entry .meta-info a, .et_color_scheme_purple.entry .meta-info a:hover, .et_color_scheme_purple.subtitle, .et_color_scheme_purple.comment_date, .et_color_scheme_purple.comment-reply-link:before, .et_color_scheme_purple.bottom-nav li.current_page_item a, .et_color_scheme_purple#content .wp-pagenavi .nextpostslink, .et_color_scheme_purple#content .wp-pagenavi .previouspostslink { color: #d166d8; }
.mobile_nav { border-color: #d166d8; }
#top-menu a .menu-highlight, .et_color_scheme_purple#mobile_menu .menu-highlight { background-color: #d166d8; }
.subtitle { color: #fff;}
/*--------------------[BLUE]--------------------*/
.et_color_scheme_blue #breadcrumbs-wrapper, .et_color_scheme_blue #services {
border-top: 1px solid #2e479b;
background: #21326b;
background: -moz-linear-gradient(top, .et_color_scheme_blue#21326b 0%, .et_color_scheme_blue#172658 100%);
background: -webkit-gradient(linear, .et_color_scheme_blueleft top, .et_color_scheme_blueleft bottom, .et_color_scheme_bluecolor-stop(0%,#21326b), .et_color_scheme_bluecolor-stop(100%,#172658));
background: -webkit-linear-gradient(top, .et_color_scheme_blue#21326b 0%,#172658 100%);
background: -o-linear-gradient(top, .et_color_scheme_blue#21326b 0%,#172658 100%);
background: -ms-linear-gradient(top, .et_color_scheme_blue#21326b 0%,#172658 100%);
background: linear-gradient(to bottom, .et_color_scheme_blue#21326b 0%,#172658 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21326b', .et_color_scheme_blueendColorstr='#172658',GradientType=0 );
}
.et_color_scheme_blue .description .more {
background: #21326b;
background: -moz-linear-gradient(top, .et_color_scheme_blue#21326b 0%, .et_color_scheme_blue#172658 100%);
background: -webkit-gradient(linear, .et_color_scheme_blueleft top, .et_color_scheme_blueleft bottom, .et_color_scheme_bluecolor-stop(0%,#21326b), .et_color_scheme_bluecolor-stop(100%,#172658));
background: -webkit-linear-gradient(top, .et_color_scheme_blue#21326b 0%,#172658 100%);
background: -o-linear-gradient(top, .et_color_scheme_blue#21326b 0%,#172658 100%);
background: -ms-linear-gradient(top, .et_color_scheme_blue#21326b 0%,#172658 100%);
background: linear-gradient(to bottom, .et_color_scheme_blue#21326b 0%,#172658 100%);
}
.et_color_scheme_blue #breadcrumbs, .et_color_scheme_blue.read-more span, .et_color_scheme_blue.testimonial span.title, .et_color_scheme_blue.entry .meta-info, .et_color_scheme_blue.entry .meta-info a, .et_color_scheme_blue.entry .meta-info a:hover, .et_color_scheme_blue.subtitle, .et_color_scheme_blue.comment_date, .et_color_scheme_blue.comment-reply-link:before, .et_color_scheme_blue.bottom-nav li.current_page_item a, .et_color_scheme_blue#content .wp-pagenavi .nextpostslink, .et_color_scheme_blue#content .wp-pagenavi .previouspostslink { color: #3e6afa; }
.et_color_scheme_blue .mobile_nav { border-color: #3e6afa; }
.et_color_scheme_blue #top-menu a .menu-highlight, .et_color_scheme_blue#mobile_menu .menu-highlight { background-color: #3e6afa; }
.et_color_scheme_blue .subtitle { color: #fff;}
/*--------------------[GREEN]--------------------*/
.et_color_scheme_green #breadcrumbs-wrapper, .et_color_scheme_green #services {
border-top: 1px solid #288a3b;
background: #134f1e;
background: -moz-linear-gradient(top, .et_color_scheme_green#216b2f 0%, .et_color_scheme_green#134f1e 100%);
background: -webkit-gradient(linear, .et_color_scheme_greenleft top, .et_color_scheme_greenleft bottom, .et_color_scheme_greencolor-stop(0%,#216b2f), .et_color_scheme_greencolor-stop(100%,#134f1e));
background: -webkit-linear-gradient(top, .et_color_scheme_green#216b2f 0%,#134f1e 100%);
background: -o-linear-gradient(top, .et_color_scheme_green#216b2f 0%,#134f1e 100%);
background: -ms-linear-gradient(top, .et_color_scheme_green#216b2f 0%,#134f1e 100%);
background: linear-gradient(to bottom, .et_color_scheme_green#216b2f 0%,#134f1e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#216b2f', .et_color_scheme_greenendColorstr='#134f1e',GradientType=0 );
}
.et_color_scheme_green .description .more {
background: #134f1e;
background: -moz-linear-gradient(top, .et_color_scheme_green#216b2f 0%, .et_color_scheme_green#134f1e 100%);
background: -webkit-gradient(linear, .et_color_scheme_greenleft top, .et_color_scheme_greenleft bottom, .et_color_scheme_greencolor-stop(0%,#216b2f), .et_color_scheme_greencolor-stop(100%,#134f1e));
background: -webkit-linear-gradient(top, .et_color_scheme_green#216b2f 0%,#134f1e 100%);
background: -o-linear-gradient(top, .et_color_scheme_green#216b2f 0%,#134f1e 100%);
background: -ms-linear-gradient(top, .et_color_scheme_green#216b2f 0%,#134f1e 100%);
background: linear-gradient(to bottom, .et_color_scheme_green#216b2f 0%,#134f1e 100%);
}
.et_color_scheme_green #breadcrumbs, .et_color_scheme_green.read-more span, .et_color_scheme_green.testimonial span.title, .et_color_scheme_green.entry .meta-info, .et_color_scheme_green.entry .meta-info a, .et_color_scheme_green.entry .meta-info a:hover, .et_color_scheme_green.subtitle, .et_color_scheme_green.comment_date, .et_color_scheme_green.comment-reply-link:before, .et_color_scheme_green.bottom-nav li.current_page_item a, .et_color_scheme_green#content .wp-pagenavi .nextpostslink, .et_color_scheme_green#content .wp-pagenavi .previouspostslink { color: #21ab3b; }
.et_color_scheme_green .mobile_nav { border-color: #21ab3b; }
.et_color_scheme_green #top-menu a .menu-highlight, .et_color_scheme_green#mobile_menu .menu-highlight { background-color: #21ab3b; }
.et_color_scheme_green a { color: #21ab3b; }
.et_color_scheme_green .subtitle { color: #fff;}
/*--------------------[RED]--------------------*/
.et_color_scheme_red #breadcrumbs-wrapper, .et_color_scheme_red #services {
border-top: 1px solid #a31818;
background: #560101;
background: -moz-linear-gradient(top, .et_color_scheme_red#770e0e 0%, .et_color_scheme_red#560101 100%);
background: -webkit-gradient(linear, .et_color_scheme_redleft top, .et_color_scheme_redleft bottom, .et_color_scheme_redcolor-stop(0%,#770e0e), .et_color_scheme_redcolor-stop(100%,#560101));
background: -webkit-linear-gradient(top, .et_color_scheme_red#770e0e 0%,#560101 100%);
background: -o-linear-gradient(top, .et_color_scheme_red#770e0e 0%,#560101 100%);
background: -ms-linear-gradient(top, .et_color_scheme_red#770e0e 0%,#560101 100%);
background: linear-gradient(to bottom, .et_color_scheme_red#770e0e 0%,#560101 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#770e0e', .et_color_scheme_redendColorstr='#560101',GradientType=0 );
}
.et_color_scheme_red .description .more {
background: #560101;
background: -moz-linear-gradient(top, .et_color_scheme_red#770e0e 0%, .et_color_scheme_red#560101 100%);
background: -webkit-gradient(linear, .et_color_scheme_redleft top, .et_color_scheme_redleft bottom, .et_color_scheme_redcolor-stop(0%,#770e0e), .et_color_scheme_redcolor-stop(100%,#560101));
background: -webkit-linear-gradient(top, .et_color_scheme_red#770e0e 0%,#560101 100%);
background: -o-linear-gradient(top, .et_color_scheme_red#770e0e 0%,#560101 100%);
background: -ms-linear-gradient(top, .et_color_scheme_red#770e0e 0%,#560101 100%);
background: linear-gradient(to bottom, .et_color_scheme_red#770e0e 0%,#560101 100%);
}
.et_color_scheme_red #breadcrumbs, .et_color_scheme_red.read-more span, .et_color_scheme_red.testimonial span.title, .et_color_scheme_red.entry .meta-info, .et_color_scheme_red.entry .meta-info a, .et_color_scheme_red.entry .meta-info a:hover, .et_color_scheme_red.subtitle, .et_color_scheme_red.comment_date, .et_color_scheme_red.comment-reply-link:before, .et_color_scheme_red.bottom-nav li.current_page_item a, .et_color_scheme_red#content .wp-pagenavi .nextpostslink, .et_color_scheme_red#content .wp-pagenavi .previouspostslink { color: #f04848; }
.et_color_scheme_red .mobile_nav { border-color: #f04848; }
.et_color_scheme_red #top-menu a .menu-highlight, .et_color_scheme_red#mobile_menu .menu-highlight { background-color: #f04848; }
.et_color_scheme_red a { color: #f04848; }
.et_color_scheme_red .subtitle { color: #fff;}
@media (max-width: 767px)
{
.et_slider_auto, #et-slides,.et-slide, .et-slider-arrows { height:400px !important;}
}
/* SlideBanner.css end */
@media(max-width:767px)
{
.myvideo{float: none !important; padding:0px !important;}
.video-js{ margin:0 auto; width: 100%;}
iframe{width:100%;height:5.0rem;}
}